<template>
  <div class="Foo">
    <h1>Foo Common 部分</h1>
		<router-view name="hr"></router-view>
		<p>
			<router-link to="/foo/profile">
				foo profile
			</router-link>
			|
			<router-link to="/foo/posts">
				foo posts
			</router-link>
		</p>
		
		<div style="border: 2px solid #f00;">
			<router-view></router-view>
		</div>
  </div>
</template>

<script>
export default {
  name: "Foo"
}
</script>
